<% layout('layout/layout') %>
<% block('header').append(`<style>
input,input::-webkit-input-placeholder {
    font-size: 11px;
    padding-top: 3px;
}
.main-login{
 	background-color: #fff;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.main-center{
 	margin-top: 30px;
 	margin: 0 auto;
 	max-width: 600px;
    padding:15px;

}

.login-button{
	margin-top: 5px;
}

.login-register{
	font-size: 11px;
	text-align: center;
}
.input-group{
  width:100%;
}
</style>`)%>
<div class="container">
    <div class="row">
        <div class="main-login main-center " >
            <h4>用户注册</h4>
            <% if (query.success) { %>
            <div class=" border_success text-center" style="margin-top:25px;margin-bottom:25px;">
                <h4 class="text-primary fs20">离注册成功，还差一步</h4>
                <p class="text-muted">注册邮件已发送到您的邮箱，快登录邮箱激活用户吧～</p>
            </div>
            <% } else { %>
            <form  method="post" novalidate class="form-horizontal">
                <div class="form-group">
                    <label for="inputEmail3" class=" col-sm-2 control-label">用户名</label>
                    <div class="  col-sm-10">
                        <input name="userName" type="text" class="form-control" id="username" placeholder="登录用户名">
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputEmail3" class=" col-sm-2 control-label">E-mail</label>
                    <div class="  col-sm-10">
                        <input name="email" type="text" class="form-control" id="email" placeholder="请输入邮箱">
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputPassword3" class="col-sm-2 control-label">密码</label>
                    <div class=" col-sm-10">
                        <input name="pwd" type="password" class="form-control" id="pwd" placeholder="登录密码">
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputPassword3" class="col-sm-2 control-label">重复密码</label>
                    <div class="col-sm-10">
                        <input name="pwdRepeat" type="password" class="form-control" id="pwdRepeat" placeholder="再次输入登录密码">
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputPassword3" class="col-sm-2 control-label">手机号码</label>
                    <div class="col-sm-10">
                        <input name="mobile" type="text" class="form-control" id="mobile" placeholder="输入手机号码">
                    </div>
                </div>
                <div class="form-group">
                    <label for="inputPassword3" class="col-sm-2 control-label">验证码</label>
                    <div class="col-sm-10">
                        <div class="input-group">
                            <input type="text" class="form-control" name="verifyCode" id="verifyCode" placeholder="输入图形验证码">
                            <div class="input-group-addon" style="width: 82px;padding: 0;height: 34px;"><img src="/imgCode" onclick="this.src='/imgCode?time='+Date.now()" style="max-width:100%;" ></div>
                        </div>
                    </div>
                </div>
                <% if(error){ %> <p class="text-danger"><%=error %></p><% } %>
                <div class="form-group ">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="submit" class="btn btn-primary login-button">立即注册</button>
                    </div>
                    <div class="col-sm-offset-2 col-sm-10 padding-top"> <span >已有账户<a class="" href="/login">立即登录</a></span></div>
                </div>
            </form>
            <% } %>
        </div>
    </div>
</div>
<% block('footer').append(`<script>
</script>`)%>